import React, {Component} from 'react'

import './index.css'
class Social  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">系统通知列表</p>

            <div class="function">
                <button class="function-del">批量删除</button>
            </div>

            <div class="content">
                <div class="content-header">
                    <input type="checkbox" name="sex" /> 

                    <span class="slist slist-id">帖子ID</span>
                    <span class="slist slist-content">通知内容</span>
                    <span class="slist slist-range">通知范围</span>
                    <span class="slist slist-condition">状态</span>
                    <span class="slist slist-operate">操作</span>
                </div>

                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="slist slist-id">16</span>
                    <span class="slist slist-content">过几天有福利拉，用户可以申请极品大礼包，地址如下××××××</span>
                    <span class="slist slist-range">查看详情</span>
                    <span class="slist slist-condition">启用中</span>
                    <span class="slist slist-operate">
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>
                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="slist slist-id">17</span>
                    <span class="slist slist-content">免费领红包，微信：******</span>
                    <span class="slist slist-range">查看详情</span>
                    <span class="slist slist-condition">启用中</span>
                    <span class="slist slist-operate">
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>
                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="slist slist-id">18</span>
                    <span class="slist slist-content">拼多多好礼宅急送，微信：*****</span>
                    <span class="slist slist-range">查看详情</span>
                    <span class="slist slist-condition">启用中</span>
                    <span class="slist slist-operate">
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>

                
            </div>
        </div>
    )
  }
}

export default Social